﻿@{
    ViewBag.Title = "聊天窗口";
    Layout = null;
}
<script src="~/Scripts/jquery-1.10.2.js"></script>
<link href="~/Css/layui/css/layui.css" rel="stylesheet" />
<script src="~/Js/layer/layer.js"></script>
<fieldset class="layui-elem-field site-demo-button">
    <legend>SignalR聊天控制</legend>
    <div>
        <button id="Add" class="layui-btn layui-btn-warm">在线所有人聊天</button>
        <button id="AddPrivate" class="layui-btn layui-btn-warm">发送私聊</button>
        <button id="AddGroup" class="layui-btn layui-btn-warm">发送群聊</button>
    </div>
</fieldset>

<script type="text/javascript">
    //加入群聊
    $("#Add").click(function () {
        layer.open({
            type: 2,
            title: "聊天群",
            area: ['800px', '600px'],
            shade: 0, // 不遮挡 ，不设置默认遮挡
            id: 'LAY_layuipro', //设定一个id，防止重复弹出
            fixed: false, //不固定
            maxmin: true,
            content: '/Home/Contact',
            success: function (layero, index) {
                //layer.full(index);  //打开时最大化
            }
        });
    });
    //发送私聊
    $("#AddPrivate").click(function () {
        layer.open({
            type: 2,
            title: "单人聊天",
            area: ['800px', '600px'],
            shade: 0, // 不遮挡 ，不设置默认遮挡
            id: 'LAY_demo', //防止重复弹出
            fixed: false, //不固定
            maxmin: true,
            content: '/Home/About',
            success: function (layero, index) {
                //layer.full(index);  //打开时最大化
            }
        });
    });

    //发送私聊
    $("#AddGroup").click(function () {
        layer.open({
            type: 2,
            title: "群聊",
            area: ['1000px', '800px'],
            shade: 0, // 不遮挡 ，不设置默认遮挡
            id: 'Group_demo', //防止重复弹出
            fixed: false, //不固定
            maxmin: true,
            content: '/Home/GroupUser',
            success: function (layero, index) {
                //layer.full(index);  //打开时最大化
            }
        });
    });
</script>

